//发送查询商品列表的ajax请求
const tbody = document.querySelector('#tbody-list')
// select.js 和 add.js引入在同一个html文件里的，所以他们公用同一个window对象，因此他们的全局变量和全局函数可以互相访问（遵循引入顺序）
getData()

function getData() {
  utils.fetch('./api/v1/shop/select.php').then(resp => {
    if (resp.code === 200) {
      const { list } = resp.body
      let str = ''
      list.forEach((xdapp, index) => {
        str += `<tr data-id="${xdapp.id}">
              <td>${index + 1}</td>
              <td>
                <span>${xdapp.name}</span>
                <input type="text" value='${xdapp.name}'>
              </td>
              <td>
                <span>${xdapp.price}</span>
                <input type="text" value='${xdapp.price}'>
              </td>
              <td>
                <span>${xdapp.num}</span>
                <input type="text" value='${xdapp.num}'>
              </td>
              <td>
                <button class="btn btn-xs btn-info btn-edit">编辑</button>
                <button class="btn btn-xs btn-danger btn-del">删除</button>
                <button class="btn btn-xs btn-success btn-ok">确定</button>
                <button class="btn btn-xs btn-warning btn-cancel" >取消</button>
              </td>
            </tr>`
      })
      tbody.innerHTML = str
    }
  })
}

